<!DOCTYPE html>
<html>
<head>
    <title>Multiplication v1</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="multiplication-client.js"></script>
</head>

<body>
<div>
    <h1>Welcome to Social Multiplication</h1>
    <h2>This is your challenge for today:</h2>
    <h1>
        <span class="multiplication-a"></span> x <span class="multiplication-b"></span> =
    </h1>
    <p>
        <form id="attempt-form">
            Result? <input type="text" name="result-attempt"><br>
            Your alias: <input type="text" name="user-alias"><br>
            <input type="submit" value="Check">
        </form>
    </p>
    <h2><span class="result-message"></span></h2>
</div>
</body>
</html>